﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog | Wee</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link href="css/ui-lightness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
   	<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
</head>
<body>
<div class="block1 p_bottom_zero">
  <div class="container_12"> 
    <!--==============================header=================================-->
    <header>
      <h1><a class="logo" href="index.html"><span class="underline">We</span>e</a></h1>
      <nav>
        <ul class="sf-menu">
          <li><a href="index.html">Home</a></li>
          <li ><a href="services.html">Services</a></li>
          <li ><a href="javascript:">Projects</a>
            <ul>
              <li><a href="project-threecol.html">Three Cols </a></li>
              <li><a href="project-fourcol.html">Four Cols</a></li>
              <li><a href="project-details.html">Project Details</a></li>
            </ul>
          </li>
          <li> <a href="javascript:">Pages</a>
            <ul>
              <li ><a href="javascript:">Home</a>
                <ul>
                  <li><a href="index.html">With Slider</a></li>
                  <li><a href="index2.html">Second Slider</a></li>
                  <li><a href="index3.html">Without Slider</a></li>
                </ul>
              </li>
              <li><a href="about.html">About</a></li>
              <li><a href="javascript:">Pricing</a>
                <ul>
                  <li><a href="pricing-threecol.html">Three Cols</a></li>
                  <li><a href="pricing-fourcol.html">Four Cols</a></li>
                </ul>
              </li>
              <li><a href="components.html">Components</a></li>
              <li><a href="404.html">404</a></li>
              <li><a href="faq.html">FAQ</a></li>
            </ul>
          </li>
          <li class="current"><a href="javascript:">Blog</a>
            <ul>
              <li><a href="blog.html">Blog</a></li>
              <li><a href="blog-single.html">Blog Single</a></li>
            </ul>
          </li>
          <li ><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
      <div class="clear"></div>
    </header>
    <!--SLIDER-->
    <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">
          <li><a href="#">Home</a></li>
        </ul>
        <h1>Blog Single</h1>
      </div>
    </section>
    <!--SLIDER_END--> 
  </div>
</div>
<div class="block2">
  <div class="container_12"> 
    <!--==============================content================================-->
    <section class="content">
      <div class="wrapper projects">
        <div class="row clearfix">
          <article class="grid_8">
            <div class="post">
              <h2>UP - a beautiful lovely cartoon movie</h2>
              <img src="images/post-img.jpg" alt="Post">
              <div class="post-meta">
                <ul>
                  <li class="dateandtag">Posted on 21 Oct, 2012 in <a href="#">Cartoons</a>, tagged as <a href="#">Pixar</a></li>
                  <li class="comments"><a href="#">26 comments</a></li>
                </ul>
              </div>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu risus lorem, ut placerat nisl. Integer sit amet dolor eros, vitae eleifend nisl. Suspendisse vel ante eget neque consequat suscipit sit amet vitae arcu. Donec rutrum turpis iaculis quam molestie quis dictum mauris mollis. </p>
              <p class="css_cols">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu risus lorem, ut placerat nisl. Integer sit amet dolor eros, vitae eleifend nisl. Suspendisse vel ante eget neque consequat suscipit sit amet vitae arcu. Donec rutrum turpis iaculis quam molestie quis dictum mauris mollis. </p>
            </div>
            <div class="related-post clearfix">
              <h4>Related Posts</h4>
              <ul>
                <li><a href="#"> <img src="images/img-related-post01.jpg" alt="Related Post" /> <span>Lorem ipsum dolor sit</span> </a></li>
                <li><a href="#"> <img src="images/img-related-post02.jpg" alt="Related Post" /> <span>Free WordPress Themes</span> </a></li>
                <li><a href="#"> <img src="images/img-related-post03.jpg" alt="Related Post" /> <span>Responsive Bootstrap Template: Agency</span> </a></li>
                <li><a href="#"> <img src="images/img-related-post01.jpg" alt="Related Post" /> <span>eGrappler.com - A Tech Blog</span> </a></li>
              </ul>
            </div>
            <div id="comment" class="clearfix">
              <h2>4 Comments</h2>
              <ol class="commentlist">
                <li>
                  <div class="comment-body">
                    <div class="avatar-img"><img src="images/avatar2.png" alt="" class="avatar pic2"/></div>
                    <cite class="fn"><a href="#">Dean John</a></cite><br/>
                    <span class="tdate">September 22, 2012 8:45 am</span> &nbsp;/&nbsp; <span class="reply"><a href="#" class="more">Reply</a></span>
                    <div class="commenttext">
                      <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="comment-body">
                    <div class="avatar-img"><img src="images/avatar2.png" alt="" class="avatar pic2"/></div>
                    <cite class="fn"><a href="#">Alex Smith</a></cite><br/>
                    <span class="tdate">September 22, 2012 8:45 am</span> &nbsp;/&nbsp; <span class="reply"><a href="#" class="more">Reply</a></span>
                    <div class="commenttext">
                      <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                    </div>
                  </div>
                  <ol>
                    <li>
                      <div class="com-line"></div>
                      <div class="comment-body">
                        <div class="avatar-img"><img src="images/avatar1.png" alt="" class="avatar pic2"/></div>
                        <cite class="fn"><a href="#">Jane Deo</a></cite><br/>
                        <span class="tdate">September 22, 2012 8:45 am</span> &nbsp;/&nbsp; <span class="reply"><a href="#" class="more">Reply</a></span>
                        <div class="commenttext">
                          <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                        </div>
                      </div>
                    </li>
                  </ol>
                </li>
                <li>
                  <div class="comment-body">
                    <div class="avatar-img"><img src="images/avatar2.png" alt="" class="avatar pic2"/></div>
                    <cite class="fn"><a href="#">John Doe</a></cite><br/>
                    <span class="tdate">September 22, 2012 8:45 am</span> &nbsp;/&nbsp; <span class="reply"><a href="#" class="more">Reply</a></span>
                    <div class="commenttext">
                      <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                    </div>
                  </div>
                </li>
              </ol>
            </div>
            <div class="clearfix">
              <ul id="commentform" class="hireform commentform">
                <li>
                  <h4>Add a Comment</h4>
                </li>
                <li>
                  <label>Name:<span class="required">*</span></label>
                  <input name="fname" id="fname" type="text" value="" tabindex="1">
                </li>
                <li>
                  <label>Email:<span class="required">*</span></label>
                  <input name="email" id="email" type="text" value="" tabindex="2">
                </li>
                <li>
                  <label>Website:<span class="required"></span></label>
                  <input name="website" id="website" type="text" value="" tabindex="4">
                </li>
                <li>
                  <label>Message:<span class="required"></span></label>
                  <textarea name="message" id="message" tabindex="5"></textarea>
                </li>
                <li>
                  <input type="button" value="Submit" tabindex="6">
                </li>
              </ul>
            </div>
          </article>
          <article class="grid_4">
            <div class="widget">
              <input type="text" value="Looking for something?" />
              <input type="button" class="button" value="Search" />
            </div>
            <div class="widget">
              <h2 class="widget-title">Categories</h2>
              <ul>
                <li><a href="#">Web Development</a></li>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">jQuery Plugins</a></li>
                <li><a href="#">WordPress Themes</a></li>
                <li><a href="#">Responsive Templates</a></li>
              </ul>
            </div>
            <div class="widget">
              <h2 class="widget-title">Tabs</h2>
              <div id="tabs">
                <ul>
                  <li><a href="#tabs-1">First</a></li>
                  <li><a href="#tabs-2">Second</a></li>
                  <li><a href="#tabs-3">Third</a></li>
                </ul>
                <div id="tabs-1"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
                <div id="tabs-2"> Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet
                  ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum
                  bibendum.</div>
                <div id="tabs-3"> Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi
                  urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor
                  ullamcorper augue.</div>
              </div>
            </div>
            <div class="widget">
              <h2 class="widget-title">Accordion</h2>
              <div id="accordion">
                <h3> First</h3>
                <div> Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
                <h3> Second</h3>
                <div> Phasellus mattis tincidunt nibh.</div>
                <h3> Third</h3>
                <div> Nam dui erat, auctor a, dignissim quis.</div>
              </div>
            </div>
            <div class="widget">
              <h2 class="widget-title">Text Widget</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu risus lorem, ut placerat nisl.</p>
            </div>
            <div class="widget">
              <h2 class="widget-title">Video Widget</h2>
              <iframe src="http://player.vimeo.com/video/29309724?title=0&amp;color=FF5050" width="100%"  height="200px" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
            </div>
          </article>
        </div>
      </div>
    </section>
  </div>
</div>
<div class="block3"> 
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Wee - a creative agency! 
            Wee emphasizes clean displays of content while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Components</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script> 
<script type="text/javascript" src="js/jquery.flexslider.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script src="js/jquery.isotope.min.js" type="text/javascript"></script> 
<script src="js/contact.js" type="text/javascript"></script> 
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script> 
<script src="js/touchTouch.jquery.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>